<html class="splitview ui-mobile landscape min-width-320px min-width-480px min-width-768px min-width-1024px"><head> 
  <title>Kid Health Connect</title> 
  <meta content="width=device-width, minimum-scale=1, maximum-scale=1" name="viewport">
<script src="http://code.jquery.com/jquery-1.7.1.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<!-- splitview css -->
<link href="jquery.mobile.splitview.css" rel="stylesheet">
<link href="scrollview.css" rel="stylesheet">
<link href="jqm-docs.css" rel="stylesheet">
<script src="scrollview.js" type="text/javascript"></script>
<script src="jqm-docs.js" type="text/javascript"></script>

</head> 

 <body>

	<div data-role="page" class="type-interior">

		<div data-role="header" data-theme="f">
		<h1>All About Body Mass Index (BMI)</h1>
		<a href="index.html" rel="external" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
	</div><!-- /header -->
	
	<div data-role="content">
		<div class="content-primary">
			<h3>What Is Body Mass Index?</h3>
			<h5>Body mass index (BMI) is a measure of body fat based on height and weight that applies to adult men and women. There are also BMI calculators that can calculate the BMI for children.</h5>
			<br/>
			<h3>Why Should You Know Your BMI?</h3>
			<h5>BMI provides a reliable indicator of body fatness for most people and is used to screen for weight categories that may lead to health problems.</h5>
			<br/>
			<h4>BMI Tutorial</h4>
			<!-- copy and paste. Modify height and width if desired. --> <object id="scPlayer"  width="761" height="472" type="application/x-shockwave-flash" data="http://content.screencast.com/users/samfin55/folders/Jing/media/ef017daf-b27b-4219-a10f-07596cb1f54a/jingswfplayer.swf" > <param name="movie" value="http://content.screencast.com/users/samfin55/folders/Jing/media/ef017daf-b27b-4219-a10f-07596cb1f54a/jingswfplayer.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#FFFFFF" /> <param name="flashVars" value="thumb=http://content.screencast.com/users/samfin55/folders/Jing/media/ef017daf-b27b-4219-a10f-07596cb1f54a/FirstFrame.jpg&containerwidth=761&containerheight=472&content=http://content.screencast.com/users/samfin55/folders/Jing/media/ef017daf-b27b-4219-a10f-07596cb1f54a/00000003.swf&blurover=false" /> <param name="allowFullScreen" value="true" /> <param name="scale" value="showall" /> <param name="allowScriptAccess" value="always" /> <param name="base" value="http://content.screencast.com/users/samfin55/folders/Jing/media/ef017daf-b27b-4219-a10f-07596cb1f54a/" /> Unable to display content. Adobe Flash is required.</object>
			<br/>
			<h4>BMI Calculator</h4>
			Height: <input type="text" name="height" id="height" value="" data-inline="true" placeholder="Your Height In Inches"/>
			<br/>
			Weight: <input type="text" name="weight" id="weight" value="" data-inline="true" placeholder="Your Weight In Pounds"/>
			<br/>
			<a href="#" rel="external" data-role="button" data-inline="true" data-theme="f">Calculate!</a>
	</div><!--/content-primary -->		
	
	<div class="content-secondary">
		<ul data-role="listview" data-theme="e" data-dividertheme="d">
			<li><a href="body.html" rel="external">Explore The Body</a></li>
			<li><a href="connect.html" rel="external">Connect With Other Parents</a></li>
			<li><a href="doctors.html" rel="external">Find A Doctor</a></li>
			<li><a href="fun_stuff.html" rel="external">Other Fun Stuff</a></li>
			<li><a href="profile.html" rel="external">Your Profile</a></li>
		</ul>
	</div>		
	

</div><!-- /content -->

<div data-role="footer" class="footer-docs" data-theme="c" data-position="fixed">
		<p>Copyright: Vidya, Sam, and Arti</p>
</div>

</div><!-- /page -->
</body>
</html>